<template>
  <div class="box">
    <h1>组件间通信9: vuex</h1>
    <!-- 不使用模块化 -->
    <Child1 />
    <!-- 使用模块化 -->
    <Child2 />
    <!-- 使用命名空间 -->
    <Child3 />
  </div>
</template>

<script>
// 使用 Vuex
// 下载
//      npm i vuex@3
// 创建一个 store 文件夹,在文件夹中创建 index.js文件

// 导入Vue和Vuex
// import Vue from 'vue'
// import Vuex from 'vuex'

// 把Vuex当成插件使用
// Vue.use(Vuex)

// 最后创建 仓库实例并导入

// 并在入口文件(main.js)中导入并使用
import Child1 from './Child1.vue'
import Child2 from './Child2.vue'
import Child3 from './Child3.vue'
export default {
  name: 'VuexTest',
  components: {
    Child1,
    Child2,
    Child3
  }
}
</script>

<style scoped></style>
